EN 
ON 
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Kiezen en delen 


Programmeren voor kinderen 


In deze laatste aflevering van de SuperLogo-cursus gaan we zelf nieuwe turtles maken met 
MegaPaint. Tot slot gebruiken we SuperDisk om onze projecten en demo’s met vrienden te 
delen of op het net te zetten. 


WAT VIND )E VAN DE DEMO VERSIE. 
COOL HE 2 


WAT, WAAR 
EN HOEVEEL 


SuperLogo 2.0 is uitgegeven bij 
A.W. Bruna Multimedia en kost 
€ 40,75. Het pakket is verkrijg- 
baar in de boek- en software- 
handel. Meer info vind je op 
[www.awbruna.nl/superlogo ]. 


laid 


Bestand Bewerken Variant Gereedschappen Extra 2 


MegaPaint OS) BL IG Ce Cr SEE) EI 
FEEEEEEEFEEEEEEFEEEEEEEEEEEEEEER NIOO 
Gomes ED 


mn 


We hebben in vorige afleveringen leren tekenen, kleu- 
ren en muziek maken met SuperLogo 2.0. Maar naast 
het eigenlijke programma vinden we in het pakket 
ook nog het tekenprogramma MegaPaint. Daarmee 
maak je je eigen turtles, maar ook pictogrammen die 
je elders op je computer kan gebruiken. 

Je vindt MegaPaint onder je START-knop in de afde- 
ling PROGRAMMA’s. Daar zoek je SuperLogo op en in 
het openklappende venstertje klik je MEGAPAINT aan. 

MegaPaint ziet eruit als deverkleindeversievaneen — EESEEEEEEEEEEEEEEEEEEEEEEEEN 
normaal tekenprogramma (Figuur 1). Je kan er dan 
ook maar kleine tekeningetjes mee maken, maar voor 
gebruik in SuperLogo heb je ook alleen maar turtles - 
(lgw-bestanden) nodig. Het is dus al heel leuk dat je nnen [mn 
ze ook als pictogrammen (ico-bestanden) kan toe- m mm om iis mi mr ek 


MegaPaint Tr | lj 


passen om je Windows-programma’s een persoon- 
lijk tintje te geven. Figuur 1 
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Een ander kleedje mmm x/ 
voor Je tu rte? bal.Igw Annuleren | Help | 


Om te beginnen kan je in MegaPaint bestaande turt- 
les bewerken. Je opent zo’n tekening van een turtle 
via het menu BESTAND waar je de optie OPENEN kiest. 
Daarmee open je het dialoogvenster OPENEN AFBEEL- 
DING (Figuur 2). Selecteer er eentje en klik op OK of 
dubbelklik erop. Als de turtle uit verschillende va- 
rianten bestaat, krijg je eerst nog het overzichtsven- 
ster te zien, waarin je je keuze nader kan bepalen (Fi- 
guur 3). 

Wij kiezen voor de bal en zien die afbeelding dan ook 
in het tekenvenster van MegaPaint verschijnen (Fi- 
guur 4). In het tekenvenster links (1) zie je de ver- 
grote afbeelding waarin elke pixel afzonderlijk zicht- 
baar is. Rechts, in het overzichtsgebied (2), staat de 
kleine afbeelding, zoals ze later op het scherm zal ver- 
schijnen. 

Voor je een bestaande tekening begintte wijzigen, kan Figuur 2 

je die bestopslaan ondereenan- pmm xl 
dere naam. Anders gaat de oor- 
spronkelijke tekening verloren, 
als je ze verknoeid hebt. Nu blijft 
die altijd bestaan onder de oude 
naam, terwijl je knoeiwerk onder 
de nieuwe naam terug te vinden 
is. Opslaan doe je overigens via 


het menu BESTAND en de optie f koo Wochal 
OPSLAAN ALS. Als je daarop klikt 8 _ Kopiëren | __ Weghalen | 
(Figuur 5), zie je in het vakje Be- Annuleren | Help | Invoegen ervoor | Invoegen erachter | 


STANDSNAAM de naam van het ge- 
opende bestand staan (bal.lgw). Figuur 3 


ÍY_ Openen overzicht 


Tik daar de nieuwe naam in, bijvoorbeeld ‘bal2.lgw”’. x 
Klik op OK en je ziet in de titelbalk van MegaPaint het eneen Directorg's: 
pad en de nieuwe naam van je bestand verschijnen. Nu Frog PEP | 
kan je naar hartelust stoeien met deze bal, de oor- em A el m 
spronkelijke blijft toch bewaard. blaker low ĳ ben pn _Nelmerk… zl 
clown. lgw _= 
EY MegaPaint - G:\Program Files\Superlogo\Slogo',TURTLES\BALLGW „lol xl cupi_pi. Igw erin 
Bestand Bewerken Variant Gereedschappen Extra 2? maaar ae > 
Z Or Ee en 
7 Bestands! tations: 
AN [al me) en en -Igw) Y] E ER v] Help | 
Gio) (ee ]ee OI} 
Omschrijving: ne 
Figuur 5 
leo: Bestandsformaat voor een pictogram. 
Lgw: Bestandsformaat voor een afbeelding in SuperLogo. 
Pad: Een bepaalde weg die je moet volgen om aan gege- 
en vens te geraken. Een pad wordt vaak voorgesteld door een 
imm Ik (naa) KE[2-[3-[4- [5e] reeks van submappen. Voor het bestand C:Mijn documen- 
ET SEE ten\tekst\clickx\n\\workshop.doc is het pad dus C:\Mijn 
MegaPaint [ Zer | PF xy [1616 documenten\tekst\clickx\nl. 


Figuur 4 
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Rood wordt groen 


Laten we de rode bal groen kleuren. Niets is 
eenvoudiger dan dat. Als je met je muisaan- 
wijzer op het tekengebied terechtkomt, ver- 
andert die in een potlood. Als je met de punt 
van het potlood een pixel aanwijst en vervol- 
gens op de linkermuisknop klikt, verandert 
die pixel in de actieve kleur (Figuur 6). Wel- 
ke kleur actief is, zie je onderaan rechts (x). 
Je kan de actieve kleur veranderen door links 
op de kleurenbalk (2) te klikken. Wij kiezen 
voor lichtgroen en de pixels die we nu in het 
tekenvenster aanklikken, veranderen in die 
kleur. Als heel wat pixels naast elkaar dezelfde 
kleur hebben, kan je ook klikken en slepen. 
Let echter wel goed op aan de randen. Voor 
je het weet, heb je pixels geraakt die je niet 
van kleur wilde veranderen. Ben je per on- 
geluk toch te ver gegaan, dan moet je die fout 
meteen herstellen. Dat kan door op de knop 
ONGEDAAN MAKEN op de knoppenbalk te klik- 
ken (Figuur 7). 

Sla, terwijl je bezig bent, regelmatig je werk 
op via de optie OPsLAAN in het menu BE- 
STAND of door op de functieknop Fa te druk- 
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Figuur 6 


ken. Als je dan een onherstelba- 
re fout maakt, kan je altijd naar 
het laatst bewaarde punt terug- 
keren door de tekening af te slui- 
ten zonder ze op te slaan (!) en 
het bestand vervolgens opnieuw 
te openen. 

Als de hele bal groen gekleurd is, 
moet je dat inkleuren natuurlijk 


nog eens herhalen bij de varian- 


ten. Een variant is een tekening 


die een klein beetje verschilt van 
het origineel en gebruikt wordt 
om er animaties mee te maken. In deel 2 
van deze cursus hebben we getoond hoe dat 
moet. In MegaPaint kan je altijd de aange- 
maakte varianten zien door bovenaan rechts 
in de variantenbalk op de OvERzICHT-knop 
(1) te klikken (Figuur 8). Hier valt meteen 
op dat we nog maar alleen onze eerste bal 
groen hebben geverfd. Welke afbeelding ac- 
tief is en dus in het tekenvenster staat, kan 
je ook aflezen in het vak NUMMER VARIANT 
(2) in de variantenbalk. Kies dus voor de vol- 
gende varianten (hier zijn er gelukkig maar 
drie) en kleur ook daar de bal groen. 

Als alle varianten klaar zijn, kan je de ani- 
matie zien door op de functietoets F5 te 
drukken of door ANIMATIE ZIEN aan te klik- 
ken in het menu BesTANp (Figuur 9). In het 
venster ANIMATIE klik je op de knop Dor en 
het filmpje begint te spelen. Onderaan kan 
je in een schuifbalk de snelheid regelen. Je 
kan de animatie ook stap voor stap tonen 
met de knop Strap. Wil je dat ze eindeloos 
herhaald wordt, zet dan een vinkje achter 
HERHALEN. Helemaal te gek wordt het als je 
ook de optie ACHTERUIT aanvinkt; de film 
wordt dan achterstevoren gedraaid. 


Kunstenaar in wording 


Je hoeft je natuurlijk niet te beperken tot die 
prefab tekeningetjes, je kan er ook zelf ont- 
werpen. Wat zou je ervan denken als we 
eens een nieuwe turtle zouden maken? Dat 
groene driehoekje waar je standaard mee 
tekent in SuperLogo — en dat een soort ge- 
stileerde schildpad moet voorstellen — is al 
bij al niet zoveel zaaks. Waarom eens niet 
een mooi tekenpotlood? 

We beginnen met een schone lei: klik op 
Nieuw in het menu BESTAND of kies de eer- 
ste knop op de knoppenbalk. In de teken- 
balk rechts vinden we ons gereedschap. Op 
de bovenste rij staan achtereenvolgens de 
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tekenpen, het opvulpictogram, het tekstge- 
reedschap, de lijn, de rechthoek en ge- 
kleurde rechthoek, de ellips en gekleurde 
ellips. Met de rechthoek en de ellips kan je 
de omlijning van een rechthoek op een el- 
lips tekenen. Gebruik je de gekleurde recht- 
hoek of ellips, dan ziet het resultaat er op 
het eerste gezicht hetzelfde uit, maar al wat 
onder de figuur valt, is bedekt en dus on- 
zichtbaar geworden. 

Hier hebben we al meer dan voldoende mee 
om een schuinstaand potlood te tekenen 
(Figuur ro). We bewaren dit bestand als 
‘mijnturtle.lgw’. Nog even vermelden dat je 
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Figuur 8 
xi 
Variant: | | » 
á 
[v Herhalen 
Â T_ Achteruit 
Snelheid: | ’ 
Figuur 9 


Figuur 10 


de dikte van je tekenpen kan instellen met 
de knoppen rechtsonder. Er zijn vijf diktes 
voorzien, van 1 tot 5 pixels. 


MN) 0) (T--F-e) 


_n22y8 


Speciale effecten 


Een standaardtekening in Mega- 
Paint is 32 x 32 pixels groot. Je 
kan zo’n tekening echter mak- 
kelijk vergroten of verkleinen. 
Het cijfer 4 in het zwarte kader 
duidt de standaardgrootte, aan, 
maar via de knop VERKLEINEN/ 
VERGROTEN (onder de tekenpen) 
hebben we die in het gelijkna- 


3E MegaPaint 
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mige venstertje opgeblazen tot 
64 x 64 pixels. Let op het over- 
zichtsgebied rechts waar je de 
hele tekening kan zien en het 
stuk daarvan dat in het teken- 
gebied wordt weergegeven (Fi- 
guur II). 

Met de knop ernaast, AANPAS- 
SEN VAN TEKENING OF SELECTIE, 


lol xl 
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Figuur 12 


maak je je tekening zo klein mo- 
gelijk door alle pixels weg te ha- 
len die je niet nodig hebt. Als 
we dat op ons potlood van daar- 
net toepassen, zien we hoe het 
puntje van het potlood nu hele- 
maal bovenaan in de eerste pixel 
terechtkomt. Als we inzoomen, 


MI) on) E2-[3-[2- 5e) 


zien we dat het aantal pixels van 


[ Verkleinen/ vergroten … ‚ B4xB4 | 


3773 


RE 32 X 32 teruggebracht is tot 29 


Figuur 11 


X 30. Op die manier sparen we 


dus wat ruimte uit (Figuur 12). 
De volgende knoppen wijzen 
zichzelf uit. De eerste twee die- 
nen om je tekening horizontaal 
of verticaal te spiegelen. De vol- 
gende twee draaien de tekening 
go° naar links of naar rechts en 
met de laatste twee kan je je te- 
kening in een willekeurige hoek 
laten draaien of hellen. 


De Hot Spot van je tekening 


Het potlood dat wij getekend hebben is ei- 
genlijk tekengereedschap. Met een potlood 
teken je met de punt, niet met het gummetje 
achteraan of met een plekje in het midden 
van het potlood. We willen dus ook dat ons 
potlood — als we het straks als extra turtle 
gaan gebruiken — met de punt precies op 
de pixel staat waar we onze lijn willen be- 


‘Hot Spot’ mee te geven. Bij ons potlood is 
dat uiteraard de eerste pixel bovenaan links, 
de punt van het potlood dus. 

Hoe bepaal je nu een Hot Spot? Klik in het 
menu EXTRA op de optie Hor Spor. Daar- 
mee open je een dialoogvenstertje dat 
PLAATS Hor Spor heet en je laat zien waar 
de huidige staat. Dat gebeurt alweer met de 
coördinaten x (horizontaal) en y (verticaal). 
io Hetdoeteen beetje denken aan 
het coördinatenstelsel uit vori- 


an L Orr OEE 


EEE 5 ZZIASELOD Ten ge afleveringen, maar het is toch 

Es xl GONIEELS GE ziet helemaal identiek. Hier 
ed ed] NJ heeft de eerste pixel linksboven 
altijd de coördinaten 1 en 1 voor 

Armies | x en y en tellen we naar rechts 

TH Teen en naar onder verder op. Ver- 

EE mits daar ook ons potloodpunt 

staat, vullen we voor beide coör- 


dinaten het cijfer 1 in en klik- 
ken op OK (Figuur 13). Eigen- 


lijk kan het nog eenvoudiger 


CIE MEER) metde optie Hor SPOT MET DE 


— MUIS in het menu EXTRA. Dan 


Figuur 13 


verandert je muisaanwijzer in 


* opnieuw 
1 zetwern “nijaturtie 
1 drieboek 200 
zl 


Figuur 14 


een pijltje met een wit vlaggetje waar Hot 
Spot in staat. Klik met de punt van het pijl- 
tje op de potloodpunt en meteen staat de 
Hot Spot op de juiste pixel. 

Toch nog even uitproberen in SuperLogo. 
Start het programma en geef de volgende 
opdracht: 

Ì ZETVORM “MIJNTURTLE 

P DRIEHOEK 200 

E\ 

Je ziet dat de punt van het potlood precies 
op de plek staat waar getekend wordt (Fi- 
guur 14)! 


CLICKX MAGAZINE 9 - 26 FEBRUARI 2002 


EN 
he) 


DOES HEZE 


UI 
je, 


DOELEN ZELE 


Kleur bekennen 


Wie echt mooie tekeningen wil maken, heeft 
natuurlijk niet genoeg aan zestien kleuren. 
Geen probleem. In MegaPaint maak je zo- 
veel kleuren aan als je zelf wil. Klik daar- 
voor op OPTIES in het menu EXTRA. In het 
openspringende venster OPTIES MEGAPAINT 
zet je een vinkje voor UITGEBREID KLEUREN- 
PALET (Figuur 15). Klik op OK. 

In het hoofdvenster zijn er nu onderaan 
twee extra kleurenbalken bijgekomen 
waarvan je de kleuren zelf kan bepalen 
(Figuur 16). Om dat te doen, druk je de 
CTRL-toets in terwijl je met de muis op 
zo’n grijs vierkantje klikt. Daarmee open 
je het dialoogvenster Kreur. Hier kan je 
kleurtjes mengen met de schuifbalken 


voor rood, groen en blauw. Als je de ge- 
talcode van een kleur weet, kan je die ook 
meteen intikken in het balkje boven. Let 
er wel op dat die code uit drie getallen 
moet bestaan, telkens gescheiden door 
een spatie. Het eerste getal geeft het cij- 
fer voor rood, het tweede dat voor groen 
en het derde voor blauw. Elk getal moet 
bovendien tussen o en 255 liggen, het is 
trouwens onmogelijk hogere getallen in 
te tikken. Na een klik op OK is de nieuwe 
kleur toegevoegd aan de knop en boven- 
dien meteen tot actieve kleur gebombar- 
deerd. Je kan zoveel nieuwe kleuren aan- 
maken als je wil: in totaal zijn er meer dan 
16,7 miljoen mogelijkheden! Wil je alle 


xl 
Annuleren | 


1 Schaakbord vulling 

[_ Diagonale vulling 

Vorm van knop 

{Gebruik linker- en rechterkleur 
[Gebruik pendikte 


[v Uitgebreid kleurenpalet 


[_ Basterkleuren 


[Transparant 


[Instellingen bewaren bij afsluiten 
[Toevoegen bitmap 


Figuur 15 


beschikbare kleuren in een palet zien, klik 
dan op de knop PALET TONEN /VERBERGEN, 
die je herkent aan het rode, groene en 
blauwe balkje (Figuur 17). 
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Figuur 16 


Of liever 
doorzichtig”? 


Is het je ook al opgevallen dat al onze tekeningen 
op doorzichtig papier worden getekend? Als je ons 
potloodje in SuperLogo ziet, lijkt alleen het potlood 
er te staan en niet het hele vierkant waarop het ge- 
tekend is. Dat komt omdat alle niet-gekleurde pixels 
transparant zijn. De kleur van de achtergrond schijnt 


er doorheen. 


In MegaPaint kan je die doorzichtige pixels goed 
herkennen aan de stippellijntjes die erop getekend 
staan (Figuur 18). Naast het bovenste deel van het 
kleurenpalet staan de twee transparante kleuren: 
transparant wit en transparant zwart. Standaard 
staat het eerste ingesteld onder de rechtermuisknop, 
maar daar kan je natuurlijk om het even welke kleur 
onder zetten door er met de linkermuisknop op te 


klikken. 
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Figuur 18 


Maak eens 
een foto! 


Een handige mogelijkheid die in MegaPaint zit in- 
gebakken, is de creatie van een foto (Figuur 19). Dat 
doe je met de knop waarop een fotocamera staat. 
Als je erop klikt, verdwijnt MegaPaint als bij tover- 
slag van je scherm. Tegelijk verandert de cursor in 
een rechte haak. Daarmee kan je op het onderlig- 
gende scherm een vierkantje slepen van maximaal 
255 X 255 pixels, bijvoorbeeld rond een pictogram 
op de startbalk onderaan je Windows-scherm. 
Zodra je de muisknop loslaat, verschijnt MegaPaint 
opnieuw en staat het pictogram in het tekenven- 
ster. Je kan het nu zelf bewerken of bewaren onder 


een andere naam. 
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Figuur 19 


Maak een demo van je project 


Een apart stuk gereedschap dat meegele- 
verd wordt met SuperLogo is SuperDisk. 
Je vindt het onder je SrarT-knop bij Pro- 
GRAMMA’s in het item SUPERLOGO 2.0. Met 
SuperDisk kan je een of meer projecten ‘in- 
pakken’ en op een diskette zetten of als een 
attachment in een e-mail plakken en het 
zo doorgeven aan iemand anders. Die ie- 
mand hoeft overigens niet over SuperLo- 
go te beschikken om je project te kunnen 


Tekeningen. 


Maak demo… | 
Stop | Help | 


Figuur 20 


Zoeken in: [| ProJect “| de ek Er 


[ze] animatie.lap 


sl kenmerk.lgp 
[a] pracedur lop 
za] variabel.lop 


Bestandsnaam: 


Bestandstypen: 


Figuur 21 


xl 


[cucxLeP 
Í Projectbestanden (*.Igp) À Ì Annuleren | 
Á 


gebruiken. Je geeft hem alleen een demo. 
Open SuperDisk en klik op de knop Pro- 
JEcT (Figuur 20). Daarmee open je een lijst- 
je met je projectbestanden. Kies er één uit 
en klik op OPENEN (Figuur 21). Je kan even- 
tueel ook nog tekeningen, geluiden of turt- 
les toevoegen met de andere knoppen. Klik 
vervolgens op MAAK DEMO. Er wordt je ge- 
vraagd waar je het demoprogramma wil op- 
slaan, bijvoorbeeld op een diskette (Figuur 
22). Je kan ook een andere loca- 
tie kiezen. Zorg ervoor dat er een 
vinkje staat voor MET INSTALLA- 
TIEPROGRAMMA. Even later krijg 
je bericht dat de demo opgesla- 
gen is. 
Als je de diskette aan een vriend 
doorgeeft, vindt die op de dis- 
kette het installatieprogramma 
(instal.exe) en als hij daarop klikt, 
wordt het programma op zijn of 
haar computer geïnstalleerd, na- 
dat er op de grote knop INSTAL- 
LEREN werd geklikt (Figuur 23). 
Even later komt de mededeling 
dat de installatie geslaagd is (Fi- 
guur 24). Je vriend kan de demo 
nu openen en het project 
‘clickx.Igp’ openen in de demo- 
map. Al wat jij hebt gemaakt, kan 
hij nu op dezelfde manier in Su- 
perLogo bekijken. Leuk, niet? 
— Willy Schuyesmans — 


Axl 


% SuperDisk 


Kies nu waar je demoprogramma moet worden opgeslagen. 


IW_Met installatiepragramma 


Annuleren | 


Figuur 22 


£ Installatie Superlogo® 2.0 - demo B 
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SuperLogo® ) 2.0 - demo 
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Installeren 226677 KB Nodig Niet installeren 


Figuur 23 


instal 


/e 
(Ĳ Installatie in groep “SuperLogo® 2,0 - demo" is klaar 


Figuur 24 
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